import helloWebpack from "./helloWebpack";
import imgSrc from './assets/logo.png';
import usernameSvg from './assets/username.svg';
import exampleTxt from './assets/example.txt';
import jpgMap from './assets/img2.jpg';
import './style.css';
import './style.less';
import Data from './assets/data.xml';
import Notes from './assets/data.csv';
import toml from './assets/data.toml';
import yaml from './assets/data.yaml';
import json5 from './assets/data.json5';

helloWebpack();

const img = document.createElement('img');
img.src = imgSrc;
document.body.appendChild(img);

const img2 = document.createElement('img');
img2.style.cssText = 'width:600px;height:200px;';
img2.src = usernameSvg;
document.body.appendChild(img2);

const block = document.createElement('div');
block.style.cssText = 'width:200px;height:200px;background: aliceblue;';
block.classList.add('block-bg');
block.textContent = exampleTxt;
document.body.appendChild(block);

const img3 = document.createElement('img');
img3.style.cssText = 'width:600px;height:240px;display:block;';
img3.src = jpgMap;
document.body.appendChild(img3);

document.body.classList.add('webpack');

const span = document.createElement('span');
span.classList.add('icon');
span.innerHTML = '&#xe73e;';
document.body.appendChild(span);

console.log(Data);
console.log(Notes);
console.log(toml);
console.log(yaml);
console.log(json5);